
body { margin: 20px auto; width: 80%; font-family: Arial; font-size: 12pt; }
section { margin-bottom: 40px; padding: 5px 20px 20px; border: 1px solid grey; background: #e9e9e9; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
pre, code, tt { font-family: courier; word-spacing: -0.06em; }
/*dt { float: left; width: 1in; }*/
/* I completely forgot how to make the above work... */

hr { margin-top: 20px; margin-bottom: 20px; }

.box, .message { border: solid black 1px; }
.notice { border: solid orange 2px; background-color: #fff; }
.quote { width: 85%; margin-left: 4em !important; }
.box { display: inline-box; width: 50%; margin: 1em; padding: 4px 3px 4px 7px; }
.message { width: 90%; margin: 1em auto !important; }
.note { font-weight: normal; font-size: 80%; color: #0000CC; }
.notice { text-align: center; margin: 1em auto !important; width: 60%; 
	color: orange; padding: 4px 4px 0; }
.notice:before { content: "NOTICE"; }
.indent { text-indent: 4em; }
.small { font-size: smaller; }
.small > p { margin: 0; }
.box > p, .box > pre { margin: 0; }
.message > p, .notice > p { margin: 6px; }
.notes { font-size: smaller }
ol.notes { margin: 0; padding: 0; list-style-position: inside; }

body { counter-reset: nt; }
.nt:after { color: #ff3000; font-size: 70%; vertical-align: 4px; 
	content: counter(nt); counter-increment: nt; }
